<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
    <%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
	%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Imperial</title>
    <meta name="robots" content="index, follow" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
	<meta name="author" content="" />
<body>
<div id="bodychild">
	<div id="outercontainer">
        <div id="outerheader">
       	  	<!-- HEADER -->
            <%@ include file="common/header.jsp" %>
            <!-- END HEADER -->
        </div>
        
        <!-- BEFORE CONTENT -->
        <div id="outerbeforecontent">
        	<div id="beforecontent">
            	<section id="beforethecontent">
					<div class="intro-l">
                    	<h1 class="pagetitle">About</h1><span class="pagedesc">this can be ur tagline or something you want</span>
                    </div>
                    <div class="intro-r">
                    	Donec consectetur libero ut tortor condimentum<br />
						<h2>Come &amp; Join Our Newsletter</h2>
                    </div>
                    <div class="clear"></div>
                </section>
            </div>
        </div>
        <!-- END BEFORE CONTENT -->
        
        <!-- MAIN CONTENT -->
        <div id="outermain">
        	<div id="maincontent">
        	<section id="mainthecontent">

				<article>
                    <h2>Our History</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ultrices dui eu lectus fringilla non pellentesque magna egestas. Suspendisse potenti. Vivamus at magna libero. Donec et purus nunc, eu aliquam diam. Proin tincidunt feugiat pretium. In eget dictum urna. Proin quis leo at mi gravida luctus. Duis ornare rhoncus sem, ac eleifend ligula tempor vel. Pellentesque at justo ultrices risus varius posuere. </p><br />

                    <img src="<%=path%>/resources/images/content/pic4.png" alt="" class="alignright" /> 
					<h4>Feature and Settings</h4>
                    <ul class="feature">
                        <li>Global and Local settings available</li>
                        <li>This section is orderable in Global and Local settings</li>
                        <li>Homepage, Default, Fullwidth Templates</li>
                        <li>The content in this section is multilingual ready</li>
                        <li>Curabitur tincidunt iaculis ipsum, eu malesuada</li>
                        <li>Donec consectetur libero ut tortor</li>
                        <li>Aliquam ultrices enim</li>
                        <li>Pellentesque ac ante arcu. Mauris quis</li>
                        <li>Sed at urna sed libero dictum.</li>
                    </ul> 
                    <div class="clear"></div>
                    <hr />  
                    <div class="one_third">
                    	<h4>Our Approach</h4>
                        <p>Pellentesque ac ante arcu. Mauris quis nunc velit. Praesent hendrerit bibendum libero, vitae fermentum eros bibendum eget. Morbi molestie volutpat elementum. Etiam at erat tortor. Etiam vel ipsum eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eu ligula metus, eu gravida lorem. </p>  
                    </div> 
                    <div class="one_third">
                    	<h4>Unique and Imaginative</h4>
                        <p>Pellentesque ac ante arcu. Mauris quis nunc velit. Praesent hendrerit bibendum libero, vitae fermentum eros bibendum eget. Morbi molestie volutpat elementum. Etiam at erat tortor. Etiam vel ipsum eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eu ligula metus, eu gravida lorem. </p>  
                    </div>
                    <div class="one_third lastcols">
                    	<h4>Web Design</h4>
                        <p>Pellentesque ac ante arcu. Mauris quis nunc velit. Praesent hendrerit bibendum libero, vitae fermentum eros bibendum eget. Morbi molestie volutpat elementum. Etiam at erat tortor. Etiam vel ipsum eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eu ligula metus, eu gravida lorem. </p>  
                    </div>             
                </article>
         
                <div class="clear"></div>
            </section>
            </div>
        </div>
        <!-- END MAIN CONTENT -->
             
        <!-- FOOTER SIDEBAR -->
        <div id="outerfootersidebar">
        	<jsp:include page="common/footersidebar.jsp" flush="true" />
        </div>
        <!-- END FOOTER SIDEBAR -->
               
        <!-- FOOTER -->
        	<div id="outerfooter">
        		<%@ include file="common/footercontainer.jsp" %>
            </div>
        <!-- END FOOTER -->
        
        <div class="clear"></div>
	</div> <!-- end outercontainer -->
    
</div> <!-- end bodychild -->

<!-- Javascript
================================================== -->



</body>
</html>
